﻿<!DOCTYPE html>
<html>
  <head>
    <title>主要功能使用总流程图</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/主要功能使用总流程图/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/主要功能使用总流程图/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u313" class="ax_default flow_shape">
        <div id="u313_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u314" class="text">
          <p><span>用户</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u315" class="ax_default flow_shape">
        <div id="u315_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u316" class="text">
          <p><span>登录FocusOn</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u317" class="ax_default flow_shape">
        <div id="u317_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u318" class="text">
          <p><span>注册FocusOn</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u319" class="ax_default _连接线">
        <img id="u319_seg0" class="img " src="images/主要功能使用总流程图/u319_seg0.png" alt="u319_seg0"/>
        <img id="u319_seg1" class="img " src="images/主要功能使用总流程图/u319_seg1.png" alt="u319_seg1"/>
        <img id="u319_seg2" class="img " src="images/主要功能使用总流程图/u319_seg2.png" alt="u319_seg2"/>
        <!-- Unnamed () -->
        <div id="u320" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u321" class="ax_default _连接线">
        <img id="u321_seg0" class="img " src="images/主要功能使用总流程图/u321_seg0.png" alt="u321_seg0"/>
        <img id="u321_seg1" class="img " src="images/主要功能使用总流程图/u321_seg1.png" alt="u321_seg1"/>
        <img id="u321_seg2" class="img " src="images/主要功能使用总流程图/u321_seg2.png" alt="u321_seg2"/>
        <!-- Unnamed () -->
        <div id="u322" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (菱形) -->
      <div id="u323" class="ax_default flow_shape">
        <img id="u323_img" class="img " src="images/主要功能使用总流程图/u323.png"/>
        <!-- Unnamed () -->
        <div id="u324" class="text">
          <p><span>进入FocusOn</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u325" class="ax_default _连接线">
        <img id="u325_seg0" class="img " src="images/主要功能使用总流程图/u325_seg0.png" alt="u325_seg0"/>
        <img id="u325_seg1" class="img " src="images/主要功能使用总流程图/u325_seg1.png" alt="u325_seg1"/>
        <img id="u325_seg2" class="img " src="images/主要功能使用总流程图/u325_seg2.png" alt="u325_seg2"/>
        <!-- Unnamed () -->
        <div id="u326" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u327" class="ax_default _连接线">
        <img id="u327_seg0" class="img " src="images/主要功能使用总流程图/u327_seg0.png" alt="u327_seg0"/>
        <img id="u327_seg1" class="img " src="images/主要功能使用总流程图/u327_seg1.png" alt="u327_seg1"/>
        <img id="u327_seg2" class="img " src="images/主要功能使用总流程图/u327_seg2.png" alt="u327_seg2"/>
        <!-- Unnamed () -->
        <div id="u328" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u329" class="ax_default flow_shape">
        <img id="u329_img" class="img " src="images/主要功能使用总流程图/u329.png"/>
        <!-- Unnamed () -->
        <div id="u330" class="text">
          <p><span>待办事项界面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u331" class="ax_default flow_shape">
        <img id="u331_img" class="img " src="images/主要功能使用总流程图/u329.png"/>
        <!-- Unnamed () -->
        <div id="u332" class="text">
          <p><span>专注界面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u333" class="ax_default flow_shape">
        <img id="u333_img" class="img " src="images/主要功能使用总流程图/u329.png"/>
        <!-- Unnamed () -->
        <div id="u334" class="text">
          <p><span>数据界面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u335" class="ax_default flow_shape">
        <img id="u335_img" class="img " src="images/主要功能使用总流程图/u329.png"/>
        <!-- Unnamed () -->
        <div id="u336" class="text">
          <p><span>设置界面</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u337" class="ax_default _连接线">
        <img id="u337_seg0" class="img " src="images/主要功能使用总流程图/u337_seg0.png" alt="u337_seg0"/>
        <img id="u337_seg1" class="img " src="images/主要功能使用总流程图/u337_seg1.png" alt="u337_seg1"/>
        <img id="u337_seg2" class="img " src="images/主要功能使用总流程图/u337_seg2.png" alt="u337_seg2"/>
        <!-- Unnamed () -->
        <div id="u338" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u339" class="ax_default _连接线">
        <img id="u339_seg0" class="img " src="images/主要功能使用总流程图/u337_seg0.png" alt="u339_seg0"/>
        <img id="u339_seg1" class="img " src="images/主要功能使用总流程图/u339_seg1.png" alt="u339_seg1"/>
        <img id="u339_seg2" class="img " src="images/主要功能使用总流程图/u337_seg2.png" alt="u339_seg2"/>
        <!-- Unnamed () -->
        <div id="u340" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u341" class="ax_default _连接线">
        <img id="u341_seg0" class="img " src="images/主要功能使用总流程图/u341_seg0.png" alt="u341_seg0"/>
        <img id="u341_seg1" class="img " src="images/主要功能使用总流程图/u341_seg1.png" alt="u341_seg1"/>
        <img id="u341_seg2" class="img " src="images/主要功能使用总流程图/u341_seg2.png" alt="u341_seg2"/>
        <!-- Unnamed () -->
        <div id="u342" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u343" class="ax_default _连接线">
        <img id="u343_seg0" class="img " src="images/主要功能使用总流程图/u341_seg0.png" alt="u343_seg0"/>
        <img id="u343_seg1" class="img " src="images/主要功能使用总流程图/u343_seg1.png" alt="u343_seg1"/>
        <img id="u343_seg2" class="img " src="images/主要功能使用总流程图/u341_seg2.png" alt="u343_seg2"/>
        <!-- Unnamed () -->
        <div id="u344" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u345" class="ax_default flow_shape">
        <div id="u345_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u346" class="text">
          <p><span>设置待办事项</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u347" class="ax_default _连接线">
        <img id="u347_seg0" class="img " src="images/主要功能使用总流程图/u347_seg0.png" alt="u347_seg0"/>
        <img id="u347_seg1" class="img " src="images/主要功能使用总流程图/u347_seg1.png" alt="u347_seg1"/>
        <img id="u347_seg2" class="img " src="images/主要功能使用总流程图/u327_seg2.png" alt="u347_seg2"/>
        <!-- Unnamed () -->
        <div id="u348" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u349" class="ax_default flow_shape">
        <div id="u349_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u350" class="text">
          <p><span>管理待办事项</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u351" class="ax_default flow_shape">
        <div id="u351_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u352" class="text">
          <p><span>分类待办事项</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u353" class="ax_default _连接线">
        <img id="u353_seg0" class="img " src="images/主要功能使用总流程图/u353_seg0.png" alt="u353_seg0"/>
        <img id="u353_seg1" class="img " src="images/主要功能使用总流程图/u353_seg1.png" alt="u353_seg1"/>
        <img id="u353_seg2" class="img " src="images/主要功能使用总流程图/u353_seg2.png" alt="u353_seg2"/>
        <img id="u353_seg3" class="img " src="images/主要功能使用总流程图/u353_seg3.png" alt="u353_seg3"/>
        <!-- Unnamed () -->
        <div id="u354" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u355" class="ax_default _连接线">
        <img id="u355_seg0" class="img " src="images/主要功能使用总流程图/u353_seg0.png" alt="u355_seg0"/>
        <img id="u355_seg1" class="img " src="images/主要功能使用总流程图/u353_seg1.png" alt="u355_seg1"/>
        <img id="u355_seg2" class="img " src="images/主要功能使用总流程图/u355_seg2.png" alt="u355_seg2"/>
        <img id="u355_seg3" class="img " src="images/主要功能使用总流程图/u353_seg3.png" alt="u355_seg3"/>
        <!-- Unnamed () -->
        <div id="u356" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u357" class="ax_default flow_shape">
        <div id="u357_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u358" class="text">
          <p><span>查看待办事项</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u359" class="ax_default _连接线">
        <img id="u359_seg0" class="img " src="images/主要功能使用总流程图/u359_seg0.png" alt="u359_seg0"/>
        <!-- Unnamed () -->
        <div id="u360" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u361" class="ax_default flow_shape">
        <div id="u361_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u362" class="text">
          <p><span>日历视图查看（日／周／月）</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u363" class="ax_default _连接线">
        <img id="u363_seg0" class="img " src="images/主要功能使用总流程图/u363_seg0.png" alt="u363_seg0"/>
        <img id="u363_seg1" class="img " src="images/主要功能使用总流程图/u363_seg1.png" alt="u363_seg1"/>
        <!-- Unnamed () -->
        <div id="u364" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u365" class="ax_default flow_shape">
        <div id="u365_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u366" class="text">
          <p><span>设置专注任务</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u367" class="ax_default flow_shape">
        <div id="u367_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u368" class="text">
          <p><span>设置专注时间</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u369" class="ax_default _连接线">
        <img id="u369_seg0" class="img " src="images/主要功能使用总流程图/u369_seg0.png" alt="u369_seg0"/>
        <img id="u369_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u369_seg1"/>
        <img id="u369_seg2" class="img " src="images/主要功能使用总流程图/u369_seg2.png" alt="u369_seg2"/>
        <img id="u369_seg3" class="img " src="images/主要功能使用总流程图/u369_seg3.png" alt="u369_seg3"/>
        <!-- Unnamed () -->
        <div id="u370" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u371" class="ax_default _连接线">
        <img id="u371_seg0" class="img " src="images/主要功能使用总流程图/u369_seg0.png" alt="u371_seg0"/>
        <img id="u371_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u371_seg1"/>
        <img id="u371_seg2" class="img " src="images/主要功能使用总流程图/u371_seg2.png" alt="u371_seg2"/>
        <img id="u371_seg3" class="img " src="images/主要功能使用总流程图/u369_seg3.png" alt="u371_seg3"/>
        <!-- Unnamed () -->
        <div id="u372" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u373" class="ax_default flow_shape">
        <div id="u373_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u374" class="text">
          <p><span>屏幕使用时间</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u375" class="ax_default flow_shape">
        <div id="u375_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u376" class="text">
          <p><span>详细数据</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u377" class="ax_default _连接线">
        <img id="u377_seg0" class="img " src="images/主要功能使用总流程图/u377_seg0.png" alt="u377_seg0"/>
        <img id="u377_seg1" class="img " src="images/主要功能使用总流程图/u377_seg1.png" alt="u377_seg1"/>
        <img id="u377_seg2" class="img " src="images/主要功能使用总流程图/u377_seg2.png" alt="u377_seg2"/>
        <!-- Unnamed () -->
        <div id="u378" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u379" class="ax_default _连接线">
        <img id="u379_seg0" class="img " src="images/主要功能使用总流程图/u379_seg0.png" alt="u379_seg0"/>
        <img id="u379_seg1" class="img " src="images/主要功能使用总流程图/u379_seg1.png" alt="u379_seg1"/>
        <img id="u379_seg2" class="img " src="images/主要功能使用总流程图/u379_seg2.png" alt="u379_seg2"/>
        <!-- Unnamed () -->
        <div id="u380" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u381" class="ax_default flow_shape">
        <div id="u381_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u382" class="text">
          <p><span>查看统计数据</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u383" class="ax_default flow_shape">
        <div id="u383_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u384" class="text">
          <p><span>查看历史数据</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u385" class="ax_default flow_shape">
        <div id="u385_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u386" class="text">
          <p><span>查看统计数据</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u387" class="ax_default flow_shape">
        <div id="u387_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u388" class="text">
          <p><span>分享到APP外</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u389" class="ax_default _连接线">
        <img id="u389_seg0" class="img " src="images/主要功能使用总流程图/u389_seg0.png" alt="u389_seg0"/>
        <img id="u389_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u389_seg1"/>
        <img id="u389_seg2" class="img " src="images/主要功能使用总流程图/u389_seg2.png" alt="u389_seg2"/>
        <img id="u389_seg3" class="img " src="images/主要功能使用总流程图/u389_seg3.png" alt="u389_seg3"/>
        <!-- Unnamed () -->
        <div id="u390" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u391" class="ax_default _连接线">
        <img id="u391_seg0" class="img " src="images/主要功能使用总流程图/u389_seg0.png" alt="u391_seg0"/>
        <img id="u391_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u391_seg1"/>
        <img id="u391_seg2" class="img " src="images/主要功能使用总流程图/u391_seg2.png" alt="u391_seg2"/>
        <img id="u391_seg3" class="img " src="images/主要功能使用总流程图/u389_seg3.png" alt="u391_seg3"/>
        <!-- Unnamed () -->
        <div id="u392" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u393" class="ax_default _连接线">
        <img id="u393_seg0" class="img " src="images/主要功能使用总流程图/u389_seg0.png" alt="u393_seg0"/>
        <img id="u393_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u393_seg1"/>
        <img id="u393_seg2" class="img " src="images/主要功能使用总流程图/u393_seg2.png" alt="u393_seg2"/>
        <img id="u393_seg3" class="img " src="images/主要功能使用总流程图/u389_seg3.png" alt="u393_seg3"/>
        <!-- Unnamed () -->
        <div id="u394" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u395" class="ax_default _连接线">
        <img id="u395_seg0" class="img " src="images/主要功能使用总流程图/u389_seg0.png" alt="u395_seg0"/>
        <img id="u395_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u395_seg1"/>
        <img id="u395_seg2" class="img " src="images/主要功能使用总流程图/u395_seg2.png" alt="u395_seg2"/>
        <img id="u395_seg3" class="img " src="images/主要功能使用总流程图/u389_seg3.png" alt="u395_seg3"/>
        <!-- Unnamed () -->
        <div id="u396" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u397" class="ax_default flow_shape">
        <div id="u397_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u398" class="text">
          <p><span>拿起次数</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u399" class="ax_default flow_shape">
        <div id="u399_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u400" class="text">
          <p><span>最长连续锁屏时长</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u401" class="ax_default flow_shape">
        <div id="u401_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u402" class="text">
          <p><span>最长连续使用时间</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u403" class="ax_default flow_shape">
        <div id="u403_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u404" class="text">
          <p><span>第一次拿起</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u405" class="ax_default _连接线">
        <img id="u405_seg0" class="img " src="images/主要功能使用总流程图/u389_seg0.png" alt="u405_seg0"/>
        <img id="u405_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u405_seg1"/>
        <img id="u405_seg2" class="img " src="images/主要功能使用总流程图/u389_seg2.png" alt="u405_seg2"/>
        <img id="u405_seg3" class="img " src="images/主要功能使用总流程图/u405_seg3.png" alt="u405_seg3"/>
        <!-- Unnamed () -->
        <div id="u406" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u407" class="ax_default _连接线">
        <img id="u407_seg0" class="img " src="images/主要功能使用总流程图/u389_seg0.png" alt="u407_seg0"/>
        <img id="u407_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u407_seg1"/>
        <img id="u407_seg2" class="img " src="images/主要功能使用总流程图/u407_seg2.png" alt="u407_seg2"/>
        <img id="u407_seg3" class="img " src="images/主要功能使用总流程图/u405_seg3.png" alt="u407_seg3"/>
        <!-- Unnamed () -->
        <div id="u408" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u409" class="ax_default _连接线">
        <img id="u409_seg0" class="img " src="images/主要功能使用总流程图/u389_seg0.png" alt="u409_seg0"/>
        <img id="u409_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u409_seg1"/>
        <img id="u409_seg2" class="img " src="images/主要功能使用总流程图/u393_seg2.png" alt="u409_seg2"/>
        <img id="u409_seg3" class="img " src="images/主要功能使用总流程图/u405_seg3.png" alt="u409_seg3"/>
        <!-- Unnamed () -->
        <div id="u410" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u411" class="ax_default _连接线">
        <img id="u411_seg0" class="img " src="images/主要功能使用总流程图/u389_seg0.png" alt="u411_seg0"/>
        <img id="u411_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u411_seg1"/>
        <img id="u411_seg2" class="img " src="images/主要功能使用总流程图/u395_seg2.png" alt="u411_seg2"/>
        <img id="u411_seg3" class="img " src="images/主要功能使用总流程图/u405_seg3.png" alt="u411_seg3"/>
        <!-- Unnamed () -->
        <div id="u412" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u413" class="ax_default flow_shape">
        <div id="u413_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u414" class="text">
          <p><span>最后一次放下</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u415" class="ax_default flow_shape">
        <div id="u415_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u416" class="text">
          <p><span>平均查看时长</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u417" class="ax_default _连接线">
        <img id="u417_seg0" class="img " src="images/主要功能使用总流程图/u389_seg0.png" alt="u417_seg0"/>
        <img id="u417_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u417_seg1"/>
        <img id="u417_seg2" class="img " src="images/主要功能使用总流程图/u417_seg2.png" alt="u417_seg2"/>
        <img id="u417_seg3" class="img " src="images/主要功能使用总流程图/u417_seg3.png" alt="u417_seg3"/>
        <!-- Unnamed () -->
        <div id="u418" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u419" class="ax_default _连接线">
        <img id="u419_seg0" class="img " src="images/主要功能使用总流程图/u389_seg0.png" alt="u419_seg0"/>
        <img id="u419_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u419_seg1"/>
        <img id="u419_seg2" class="img " src="images/主要功能使用总流程图/u419_seg2.png" alt="u419_seg2"/>
        <img id="u419_seg3" class="img " src="images/主要功能使用总流程图/u417_seg3.png" alt="u419_seg3"/>
        <!-- Unnamed () -->
        <div id="u420" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u421" class="ax_default flow_shape">
        <div id="u421_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u422" class="text">
          <p><span>设置首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u423" class="ax_default flow_shape">
        <div id="u423_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u424" class="text">
          <p><span>挑战不可能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u425" class="ax_default flow_shape">
        <div id="u425_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u426" class="text">
          <p><span>我的时间碎片</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u427" class="ax_default flow_shape">
        <div id="u427_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u428" class="text">
          <p><span>数据备份与还原</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u429" class="ax_default flow_shape">
        <div id="u429_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u430" class="text">
          <p><span>日期与时间</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u431" class="ax_default flow_shape">
        <div id="u431_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u432" class="text">
          <p><span>主题</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u433" class="ax_default flow_shape">
        <div id="u433_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u434" class="text">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u435" class="ax_default _连接线">
        <img id="u435_seg0" class="img " src="images/主要功能使用总流程图/u377_seg0.png" alt="u435_seg0"/>
        <img id="u435_seg1" class="img " src="images/主要功能使用总流程图/u435_seg1.png" alt="u435_seg1"/>
        <img id="u435_seg2" class="img " src="images/主要功能使用总流程图/u377_seg2.png" alt="u435_seg2"/>
        <!-- Unnamed () -->
        <div id="u436" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u437" class="ax_default _连接线">
        <img id="u437_seg0" class="img " src="images/主要功能使用总流程图/u377_seg0.png" alt="u437_seg0"/>
        <img id="u437_seg1" class="img " src="images/主要功能使用总流程图/u437_seg1.png" alt="u437_seg1"/>
        <img id="u437_seg2" class="img " src="images/主要功能使用总流程图/u377_seg2.png" alt="u437_seg2"/>
        <!-- Unnamed () -->
        <div id="u438" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u439" class="ax_default _连接线">
        <img id="u439_seg0" class="img " src="images/主要功能使用总流程图/u377_seg0.png" alt="u439_seg0"/>
        <img id="u439_seg1" class="img " src="images/主要功能使用总流程图/u439_seg1.png" alt="u439_seg1"/>
        <img id="u439_seg2" class="img " src="images/主要功能使用总流程图/u377_seg2.png" alt="u439_seg2"/>
        <!-- Unnamed () -->
        <div id="u440" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u441" class="ax_default _连接线">
        <img id="u441_seg0" class="img " src="images/主要功能使用总流程图/u441_seg0.png" alt="u441_seg0"/>
        <!-- Unnamed () -->
        <div id="u442" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u443" class="ax_default _连接线">
        <img id="u443_seg0" class="img " src="images/主要功能使用总流程图/u379_seg0.png" alt="u443_seg0"/>
        <img id="u443_seg1" class="img " src="images/主要功能使用总流程图/u443_seg1.png" alt="u443_seg1"/>
        <img id="u443_seg2" class="img " src="images/主要功能使用总流程图/u379_seg2.png" alt="u443_seg2"/>
        <!-- Unnamed () -->
        <div id="u444" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u445" class="ax_default _连接线">
        <img id="u445_seg0" class="img " src="images/主要功能使用总流程图/u379_seg0.png" alt="u445_seg0"/>
        <img id="u445_seg1" class="img " src="images/主要功能使用总流程图/u445_seg1.png" alt="u445_seg1"/>
        <img id="u445_seg2" class="img " src="images/主要功能使用总流程图/u379_seg2.png" alt="u445_seg2"/>
        <!-- Unnamed () -->
        <div id="u446" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u447" class="ax_default _连接线">
        <img id="u447_seg0" class="img " src="images/主要功能使用总流程图/u379_seg0.png" alt="u447_seg0"/>
        <img id="u447_seg1" class="img " src="images/主要功能使用总流程图/u447_seg1.png" alt="u447_seg1"/>
        <img id="u447_seg2" class="img " src="images/主要功能使用总流程图/u379_seg2.png" alt="u447_seg2"/>
        <!-- Unnamed () -->
        <div id="u448" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u449" class="ax_default flow_shape">
        <div id="u449_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u450" class="text">
          <p><span>我的个人资料</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u451" class="ax_default _连接线">
        <img id="u451_seg0" class="img " src="images/主要功能使用总流程图/u451_seg0.png" alt="u451_seg0"/>
        <img id="u451_seg1" class="img " src="images/主要功能使用总流程图/u451_seg1.png" alt="u451_seg1"/>
        <img id="u451_seg2" class="img " src="images/主要功能使用总流程图/u451_seg2.png" alt="u451_seg2"/>
        <img id="u451_seg3" class="img " src="images/主要功能使用总流程图/u451_seg3.png" alt="u451_seg3"/>
        <!-- Unnamed () -->
        <div id="u452" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u453" class="ax_default flow_shape">
        <div id="u453_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u454" class="text">
          <p><span>专注挑战</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u455" class="ax_default _连接线">
        <img id="u455_seg0" class="img " src="images/主要功能使用总流程图/u455_seg0.png" alt="u455_seg0"/>
        <img id="u455_seg1" class="img " src="images/主要功能使用总流程图/u455_seg1.png" alt="u455_seg1"/>
        <img id="u455_seg2" class="img " src="images/主要功能使用总流程图/u455_seg2.png" alt="u455_seg2"/>
        <img id="u455_seg3" class="img " src="images/主要功能使用总流程图/u369_seg3.png" alt="u455_seg3"/>
        <!-- Unnamed () -->
        <div id="u456" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u457" class="ax_default flow_shape">
        <div id="u457_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u458" class="text">
          <p><span>拿起次数挑战</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u459" class="ax_default _连接线">
        <img id="u459_seg0" class="img " src="images/主要功能使用总流程图/u455_seg0.png" alt="u459_seg0"/>
        <img id="u459_seg1" class="img " src="images/主要功能使用总流程图/u455_seg1.png" alt="u459_seg1"/>
        <img id="u459_seg2" class="img " src="images/主要功能使用总流程图/u459_seg2.png" alt="u459_seg2"/>
        <img id="u459_seg3" class="img " src="images/主要功能使用总流程图/u369_seg3.png" alt="u459_seg3"/>
        <!-- Unnamed () -->
        <div id="u460" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u461" class="ax_default flow_shape">
        <div id="u461_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u462" class="text">
          <p><span>连续使用挑战</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u463" class="ax_default _连接线">
        <img id="u463_seg0" class="img " src="images/主要功能使用总流程图/u455_seg0.png" alt="u463_seg0"/>
        <img id="u463_seg1" class="img " src="images/主要功能使用总流程图/u455_seg1.png" alt="u463_seg1"/>
        <img id="u463_seg2" class="img " src="images/主要功能使用总流程图/u463_seg2.png" alt="u463_seg2"/>
        <img id="u463_seg3" class="img " src="images/主要功能使用总流程图/u369_seg3.png" alt="u463_seg3"/>
        <!-- Unnamed () -->
        <div id="u464" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u465" class="ax_default flow_shape">
        <div id="u465_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u466" class="text">
          <p><span>总结</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u467" class="ax_default _连接线">
        <img id="u467_seg0" class="img " src="images/主要功能使用总流程图/u455_seg0.png" alt="u467_seg0"/>
        <img id="u467_seg1" class="img " src="images/主要功能使用总流程图/u455_seg1.png" alt="u467_seg1"/>
        <img id="u467_seg2" class="img " src="images/主要功能使用总流程图/u467_seg2.png" alt="u467_seg2"/>
        <img id="u467_seg3" class="img " src="images/主要功能使用总流程图/u369_seg3.png" alt="u467_seg3"/>
        <!-- Unnamed () -->
        <div id="u468" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u469" class="ax_default flow_shape">
        <div id="u469_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u470" class="text">
          <p><span>兑换福利</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u471" class="ax_default _连接线">
        <img id="u471_seg0" class="img " src="images/主要功能使用总流程图/u471_seg0.png" alt="u471_seg0"/>
        <img id="u471_seg1" class="img " src="images/主要功能使用总流程图/u471_seg1.png" alt="u471_seg1"/>
        <img id="u471_seg2" class="img " src="images/主要功能使用总流程图/u471_seg2.png" alt="u471_seg2"/>
        <img id="u471_seg3" class="img " src="images/主要功能使用总流程图/u471_seg3.png" alt="u471_seg3"/>
        <!-- Unnamed () -->
        <div id="u472" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u473" class="ax_default flow_shape">
        <div id="u473_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u474" class="text">
          <p><span>惩罚设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u475" class="ax_default flow_shape">
        <div id="u475_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u476" class="text">
          <p><span>公益捐赠</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u477" class="ax_default _连接线">
        <img id="u477_seg0" class="img " src="images/主要功能使用总流程图/u471_seg0.png" alt="u477_seg0"/>
        <img id="u477_seg1" class="img " src="images/主要功能使用总流程图/u471_seg1.png" alt="u477_seg1"/>
        <img id="u477_seg2" class="img " src="images/主要功能使用总流程图/u477_seg2.png" alt="u477_seg2"/>
        <img id="u477_seg3" class="img " src="images/主要功能使用总流程图/u471_seg3.png" alt="u477_seg3"/>
        <!-- Unnamed () -->
        <div id="u478" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u479" class="ax_default _连接线">
        <img id="u479_seg0" class="img " src="images/主要功能使用总流程图/u471_seg0.png" alt="u479_seg0"/>
        <img id="u479_seg1" class="img " src="images/主要功能使用总流程图/u471_seg1.png" alt="u479_seg1"/>
        <img id="u479_seg2" class="img " src="images/主要功能使用总流程图/u479_seg2.png" alt="u479_seg2"/>
        <img id="u479_seg3" class="img " src="images/主要功能使用总流程图/u471_seg3.png" alt="u479_seg3"/>
        <!-- Unnamed () -->
        <div id="u480" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u481" class="ax_default flow_shape">
        <div id="u481_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u482" class="text">
          <p><span>数据备份与还原</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u483" class="ax_default _连接线">
        <img id="u483_seg0" class="img " src="images/主要功能使用总流程图/u483_seg0.png" alt="u483_seg0"/>
        <img id="u483_seg1" class="img " src="images/主要功能使用总流程图/u353_seg1.png" alt="u483_seg1"/>
        <img id="u483_seg2" class="img " src="images/主要功能使用总流程图/u483_seg2.png" alt="u483_seg2"/>
        <img id="u483_seg3" class="img " src="images/主要功能使用总流程图/u389_seg3.png" alt="u483_seg3"/>
        <!-- Unnamed () -->
        <div id="u484" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u485" class="ax_default flow_shape">
        <div id="u485_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u486" class="text">
          <p><span>日期与时间</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u487" class="ax_default _连接线">
        <img id="u487_seg0" class="img " src="images/主要功能使用总流程图/u389_seg0.png" alt="u487_seg0"/>
        <img id="u487_seg1" class="img " src="images/主要功能使用总流程图/u369_seg1.png" alt="u487_seg1"/>
        <img id="u487_seg2" class="img " src="images/主要功能使用总流程图/u389_seg2.png" alt="u487_seg2"/>
        <img id="u487_seg3" class="img " src="images/主要功能使用总流程图/u363_seg1.png" alt="u487_seg3"/>
        <!-- Unnamed () -->
        <div id="u488" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u489" class="ax_default flow_shape">
        <div id="u489_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u490" class="text">
          <p><span>主题</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u491" class="ax_default _连接线">
        <img id="u491_seg0" class="img " src="images/主要功能使用总流程图/u455_seg0.png" alt="u491_seg0"/>
        <img id="u491_seg1" class="img " src="images/主要功能使用总流程图/u455_seg1.png" alt="u491_seg1"/>
        <img id="u491_seg2" class="img " src="images/主要功能使用总流程图/u491_seg2.png" alt="u491_seg2"/>
        <img id="u491_seg3" class="img " src="images/主要功能使用总流程图/u451_seg3.png" alt="u491_seg3"/>
        <!-- Unnamed () -->
        <div id="u492" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u493" class="ax_default flow_shape">
        <div id="u493_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u494" class="text">
          <p><span>常见问题</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u495" class="ax_default flow_shape">
        <div id="u495_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u496" class="text">
          <p><span>隐私条例</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u497" class="ax_default flow_shape">
        <div id="u497_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u498" class="text">
          <p><span>使用协议</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u499" class="ax_default flow_shape">
        <div id="u499_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u500" class="text">
          <p><span>关注我们</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u501" class="ax_default _连接线">
        <img id="u501_seg0" class="img " src="images/主要功能使用总流程图/u501_seg0.png" alt="u501_seg0"/>
        <img id="u501_seg1" class="img " src="images/主要功能使用总流程图/u501_seg1.png" alt="u501_seg1"/>
        <img id="u501_seg2" class="img " src="images/主要功能使用总流程图/u501_seg2.png" alt="u501_seg2"/>
        <img id="u501_seg3" class="img " src="images/主要功能使用总流程图/u451_seg3.png" alt="u501_seg3"/>
        <!-- Unnamed () -->
        <div id="u502" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u503" class="ax_default _连接线">
        <img id="u503_seg0" class="img " src="images/主要功能使用总流程图/u501_seg0.png" alt="u503_seg0"/>
        <img id="u503_seg1" class="img " src="images/主要功能使用总流程图/u501_seg1.png" alt="u503_seg1"/>
        <img id="u503_seg2" class="img " src="images/主要功能使用总流程图/u503_seg2.png" alt="u503_seg2"/>
        <img id="u503_seg3" class="img " src="images/主要功能使用总流程图/u451_seg3.png" alt="u503_seg3"/>
        <!-- Unnamed () -->
        <div id="u504" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u505" class="ax_default _连接线">
        <img id="u505_seg0" class="img " src="images/主要功能使用总流程图/u501_seg0.png" alt="u505_seg0"/>
        <img id="u505_seg1" class="img " src="images/主要功能使用总流程图/u501_seg1.png" alt="u505_seg1"/>
        <img id="u505_seg2" class="img " src="images/主要功能使用总流程图/u505_seg2.png" alt="u505_seg2"/>
        <img id="u505_seg3" class="img " src="images/主要功能使用总流程图/u451_seg3.png" alt="u505_seg3"/>
        <!-- Unnamed () -->
        <div id="u506" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u507" class="ax_default _连接线">
        <img id="u507_seg0" class="img " src="images/主要功能使用总流程图/u501_seg0.png" alt="u507_seg0"/>
        <img id="u507_seg1" class="img " src="images/主要功能使用总流程图/u501_seg1.png" alt="u507_seg1"/>
        <img id="u507_seg2" class="img " src="images/主要功能使用总流程图/u507_seg2.png" alt="u507_seg2"/>
        <img id="u507_seg3" class="img " src="images/主要功能使用总流程图/u451_seg3.png" alt="u507_seg3"/>
        <!-- Unnamed () -->
        <div id="u508" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u509" class="ax_default flow_shape">
        <div id="u509_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u510" class="text">
          <p><span>我的徽章</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u511" class="ax_default _连接线">
        <img id="u511_seg0" class="img " src="images/主要功能使用总流程图/u511_seg0.png" alt="u511_seg0"/>
        <!-- Unnamed () -->
        <div id="u512" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u513" class="ax_default flow_shape">
        <div id="u513_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u514" class="text">
          <p><span>兑换周边</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u515" class="ax_default _连接线">
        <img id="u515_seg0" class="img " src="images/主要功能使用总流程图/u511_seg0.png" alt="u515_seg0"/>
        <!-- Unnamed () -->
        <div id="u516" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
